<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tapestry website - redesign</title>

<link rel="stylesheet" type="text/css" href="default.css" />
<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body id="homepage">
	<div class="wrapper bs">
		<ul class="nav">
			<li><a href="getting_started.htm">Getting Started</a></li>
			<li><a href="documentation.htm">Documentation</a></li>
			<li><a href="#">Download Tapestry 5.2.0</a></li>
			<li><a href="#">About</a></li>
			<li class="last"><a href="#">Community Contributions</a></li>
		</ul>

		<div id="top">

			<h1><img src="tapestry.png" alt="Tapestry" id="tapestry" /></h1>

			<div id="aside">Component oriented framework for creating dynamic, robust, highly scalable web applications in Java.</div>
			
			<div class="clearer"></div>

		</div>

		<div id="bar">
			<strong>We think you will love Tapestry.</strong> Give us 20 minuts and <a href="#">follow our tutorial</a>.
		</div>
		
		<div class="col">
			<h2 class="first">Tapestry Hotel Booking</h2>
		</div>
	
		<div id="content" class="big-col">

			<h2>Create your account</h2>
			
			<form class="full-form">

				<div class="t-error">
					<div>You must correct the following errors before you may continue.</div>
					<ul>
						<li>Wrong username and password combination</li>
					</ul>
				</div>

				<table>
					<tr>
						<th>
							<label>Username</label>
						</th>
						<td><input type="text" id="field1" /></td>
					</tr>
					<tr>
						<th><label>Fullname</label></th>
						<td><input type="text" id="field2" /></td>
					</tr>
					<tr>
						<th>
							<label>Password</label>
						</th>
						<td><input type="password" id="field3" /></td>
					</tr>
					<tr>
						<th><label>Email</label></th>
						<td><input type="text" id="field4" /></td>
					</tr>
				</table>
				<div class="form-submit">
					<input type="submit" class="btn-active" value="signup" /> or <a href="#">cancel</a>
				</div>
			</form>
				
			<div id="result" class="section result t-zone">
				<div id="grid">
				<div class="t-data-grid">
				<div class="t-data-grid-pager"><span class="current">1</span><a
					href="#" title="Go to page 2" id="pager">2</a><a href="#"
					title="Go to page 3" id="pager_0">3</a></div>
				<table class="t-data-grid">
					<thead>
						<tr>
							<th class="name t-first"><a
								href="./search.grid.columns:sort/name/grid"
								onclick="javascript:return Tapestry.waitForPage(event);" id="sort">Name</a><a
								href="./search.grid.columns:sort/name/grid"
								onclick="javascript:return Tapestry.waitForPage(event);" id="sort2"><img
								src="/tapestry5-hotel-booking/assets/1.0-SNAPSHOT/core/components/sortable.png"
								class="t-sort-icon" alt="[Sortable]" /></a></th>
							<th class="address"><a
								href="./search.grid.columns:sort/address/grid"
								onclick="javascript:return Tapestry.waitForPage(event);" id="sort_0">Address</a><a
								href="./search.grid.columns:sort/address/grid"
								onclick="javascript:return Tapestry.waitForPage(event);"
								id="sort2_0"><img
								src="/tapestry5-hotel-booking/assets/1.0-SNAPSHOT/core/components/sortable.png"
								class="t-sort-icon" alt="[Sortable]" /></a></th>
							<th class="zip"><a href="./search.grid.columns:sort/zip/grid"
								onclick="javascript:return Tapestry.waitForPage(event);" id="sort_1">Zip</a><a
								href="./search.grid.columns:sort/zip/grid"
								onclick="javascript:return Tapestry.waitForPage(event);"
								id="sort2_1"><img
								src="/tapestry5-hotel-booking/assets/1.0-SNAPSHOT/core/components/sortable.png"
								class="t-sort-icon" alt="[Sortable]" /></a></th>
							<th class="cityState">City State</th>
							<th class="action t-last">Action</th>
						</tr>
					</thead>
					<tbody>
						<tr class="t-first">
							<td class="name">Marriott Courtyard</td>
							<td class="address">Tower Place, Buckhead</td>
							<td class="zip">30305</td>
							<td class="cityState">Atlanta, GA</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr>
							<td class="name">Doubletree Atlanta-Buckhead</td>
							<td class="address">3342 Peachtree Road NE</td>
							<td class="zip">30326</td>
							<td class="cityState">Atlanta, GA</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr>
							<td class="name">W New York - Union Square</td>
							<td class="address">201 Park Avenue South</td>
							<td class="zip">10003</td>
							<td class="cityState">New York, NY</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr>
							<td class="name">W New York</td>
							<td class="address">541 Lexington Avenue</td>
							<td class="zip">10022</td>
							<td class="cityState">New York, NY</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr>
							<td class="name">Hotel Rouge</td>
							<td class="address">1315 16th Street NW</td>
							<td class="zip">20036</td>
							<td class="cityState">Washington, DC</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr>
							<td class="name">70 Park Avenue Hotel</td>
							<td class="address">70 Park Avenue, 38th St</td>
							<td class="zip">10016</td>
							<td class="cityState">New York, NY</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr>
							<td class="name">Parc 55</td>
							<td class="address">55 Cyril Magnin Street</td>
							<td class="zip">94102</td>
							<td class="cityState">San Francisco, CA</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr>
							<td class="name">Conrad Miami</td>
							<td class="address">1395 Brickell Ave</td>
							<td class="zip">33131</td>
							<td class="cityState">Miami, FL</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr>
							<td class="name">Grand Hyatt</td>
							<td class="address">345 Stockton Street</td>
							<td class="zip">94108</td>
							<td class="cityState">San Francisco, CA</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
						<tr class="t-last">
							<td class="name">Super 8 Eau Claire Campus Area</td>
							<td class="address">1151 W MacArthur Ave</td>
							<td class="zip">54701</td>
							<td class="cityState">Eau Claire, WI</td>
							<td class="action"><a href="#">Details</a></td>
						</tr>
					</tbody>
				</table>
				</div>
				</div>
			</div>

			<dl class="t-beandisplay">
				<dt class="name">Name</dt><dd class="name">Marriott Courtyard</dd>
				<dt class="address">Address</dt><dd class="address">Tower Place, Buckhead</dd>
				<dt class="city">City</dt><dd class="city">Atlanta</dd>
				<dt class="zip">Zip</dt><dd class="zip">30305</dd>
				<dt class="state">State</dt><dd class="state">GA</dd>
				<dt class="country">Country</dt><dd class="country">USA</dd>
				<dt class="stars">Stars</dt><dd class="stars">3</dd>
				<dt class="price">Price</dt><dd class="price">129.00</dd>
				<dt class="location">Location</dt><dd class="location">Atlanta, GA, USA</dd>
			</dl>

		</div>
		
		<div class="clearer"></div>
		<div id="footer">&copy; 2006-2010 Apache Software Foundation</div>
	</div>
</body>
</html>